<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>TODO</title>
    <link rel="stylesheet" type="text/css" href="TODO.css">
    <script src="TODO.js"></script>
</head>
<body>
<div id="all">
    <div id="input">
        <h1 id="size">What do you want to do?</h1>
        <input type="text" id="toDoSomething">
        <input type="button" value="Create" id="yes">
        <input type="button" value="All!" id="oAll">
        <input type="button" value="Finish!" id="oFinish">
        <input type="button" value="Doing!" id="oDoing">
    </div>
    <br>
    <table id="otable" border="1">
        <tbody>
            <tr>
                <td id="otd1">things</td>
                <td id="otd2">delete</td>
            </tr>
        </tbody>
    </table>
</div>
</body>
</html>